<!DOCTYPE html>
<html class=" ">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="format-detection" content="telephone=no">
  <meta http-equiv="X-UA-Compatible" content="chrome=1">
  <!-- 网站图标 -->
  <link rel="icon" href="">
  <title>TES工程交互平台</title>

  <link href="./index_files/chunk-vendors.0fd733b8.css" rel="stylesheet">
  <link href="./index_files/index.23024c3f.css" rel="stylesheet">

  <link rel="stylesheet" type="text/css" href="./index_files/views.573e9004.css">
  <link rel="stylesheet" type="text/css" href="./index_files/chunk-e391c57a.4c640b7e.css">
</head>

<body class="theme-iview">
  <div id="app">
    <div data-v-33f4c8e3="" class="avue-contail">
      <div data-v-33f4c8e3="" class="avue-layout">
        <div data-v-33f4c8e3="" class="avue-left" style="width: 240px;">
          <div data-v-3ff04b20="" data-v-33f4c8e3="" class="avue-sidebar">
            <div data-v-3ff04b20="" class="avue-logo" style="width: 240px;">
              <!-- <img src="./img/logo.png" alt="" class="img" style="width: 120px;"> -->
              <!----><span><span class="avue-logo_title" style="width: 240px;">工程交互平台</span></span>
            </div>
            <div data-v-3ff04b20="" class="el-scrollbar" style="font-weight: bold; height: 100%;">
              <div class="scrollbar-wrapper el-scrollbar__wrap" style="margin-bottom: -17px; margin-right: -17px;">
                <div class="el-scrollbar__view">
                  <!---->
                  <ul data-v-3ff04b20="" role="menubar" class="el-menu" show-timeout="200">
                    <div data-v-04e40454="" data-v-3ff04b20="" class="menu-wrapper">
                      <!---->
                      <!---->
                      <!---->
                      <!---->
                      <!---->
                    </div>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div data-v-33f4c8e3="" class="avue-main"
          style="left: 240px; width: calc(100% - 240px); height: calc(100% - 50px); padding: 0px;">
          <div data-v-33f4c8e3="" class="routerWrap">
            <!---->
            <div data-v-300ed5da="" data-v-33f4c8e3="" class="g-home avue-view routerView">
              <div data-v-300ed5da="" class="m-home-row el-row" style="margin-left: -7.5px; margin-right: -7.5px;">
                <div data-v-300ed5da="" class="m-home-col el-col el-col-14"
                  style="padding-left: 7.5px; padding-right: 7.5px;">
                  <!---->
                  <div data-v-300ed5da="" class="m-home-item" style="height: 100%; box-shadow: none;">
                    <div data-v-300ed5da="" class="m-home-item-title"><img data-v-300ed5da=""
                        src="./index_files/3.982b5d6f.png" alt="" class="u-home-item-title-img"><span data-v-300ed5da=""
                        class="u-home-item-title-text">功能导航</span></div>
                    <div data-v-300ed5da="" class="m-home-item-content" style="overflow-y: auto;">
                      <div data-v-300ed5da="" class="m-content-item" style="padding-right: 10px;">
                        <div data-v-300ed5da="" class="m-navIconWrap">
                          
                          <div data-v-300ed5da="" class="el-row el-row--flex"
                            style="margin-top:15px;margin-left: -7.5px; margin-right: -7.5px; flex-wrap: wrap; padding-left: 15px;">
                            
                            <div data-v-300ed5da="" class="el-col el-col-3"
                              style="padding-left: 7.5px; padding-right: 7.5px;"
                              id="front-wheel-camber-angle">
                              <div data-v-300ed5da="" class="mImgWrap">
                                <div data-v-300ed5da="" class="mImgInner">
                                  <div data-v-300ed5da="" class="el-image">
                                    <img src="./img/cicle.png" class="el-image__inner">
                                  </div>
                                </div>
                              </div>
                              <div data-v-300ed5da="" class="mTitle t1">前轮外倾专项</div>
                            </div>
                            
                            <div data-v-300ed5da="" class="el-col el-col-3 sub-camber-angle-menu"
                            style="padding-left: 7.5px; padding-right: 7.5px;">
                              <div data-v-300ed5da="" class="mImgWrap">
                                <div data-v-300ed5da="" class="mImgInner">
                                  <!---->
                                  <div data-v-300ed5da="" class="el-image">
                                    <a href="./cars.html"><img src="./img/cicle.png" class="el-image__inner"></a>
                                    <!---->
                                  </div>
                                </div>
                              </div>
                              <div data-v-300ed5da="" class="mTitle t1">整车外倾角跟踪</div>
                            </div>

                            <div data-v-300ed5da="" class="el-col el-col-3 sub-camber-angle-menu"
                              style="padding-left: 7.5px; padding-right: 7.5px;">
                              <div data-v-300ed5da="" class="mImgWrap">
                                <div data-v-300ed5da="" class="mImgInner">
                                  <!---->
                                  <div data-v-300ed5da="" class="el-image">
                                    <a href="./parts.html"><img src="./img/test-car.png" class="el-image__inner"></a>
                                    <!---->
                                  </div>
                                </div>
                              </div>
                              <div data-v-300ed5da="" class="mTitle t1">关键零部件监控</div>
                            </div>

                            <div data-v-300ed5da="" class="el-col el-col-3 sub-camber-angle-menu"
                              style="padding-left: 7.5px; padding-right: 7.5px;">
                              <div data-v-300ed5da="" class="mImgWrap">
                                <div data-v-300ed5da="" class="mImgInner">
                                  <div data-v-300ed5da="" class="el-image">
                                    <a href="predict.html"><img src="./img/test-car.png" class="el-image__inner"></a>
                                  </div>
                                </div>
                              </div>
                              <div data-v-300ed5da="" class="mTitle t1">整车外倾预测模型</div>
                            </div>

                            <div data-v-300ed5da="" class="el-col el-col-3 sub-camber-angle-menu"
                              style="padding-left: 7.5px; padding-right: 7.5px;">
                              <div data-v-300ed5da="" class="mImgWrap">
                                <div data-v-300ed5da="" class="mImgInner">
                                  <div data-v-300ed5da="" class="el-image">
                                    <a href="problem.html"><img src="./img/test-car.png" class="el-image__inner"></a>
                                  </div>
                                </div>
                              </div>
                              <div data-v-300ed5da="" class="mTitle t1">外倾问题清单</div>
                            </div>
                            

                            <script>
                              /**
                               * 控制菜单显示与隐藏
                               * @param {boolean} isShow 菜单是否显示
                               */
                              let isCamberAngleMenuShow = false;
                              let camberAngleMenus = document.querySelectorAll('.sub-camber-angle-menu');
                              camberAngleMenus.forEach(function(item){
                                item.style.display = 'none';
                              });
                              document.querySelector('#front-wheel-camber-angle').addEventListener('click',function(e){
                                if(isCamberAngleMenuShow){
                                  camberAngleMenus.forEach(function(item){
                                    item.style.display = 'none';
                                  });
                                  isCamberAngleMenuShow = false;
                                }else{
                                  camberAngleMenus.forEach(function(item){
                                    item.style.display = 'block';
                                  });
                                  isCamberAngleMenuShow = true;
                                }
                              });
                            </script>
                            
                            <br>
                            

                          </div>

                          <!-- 重量部分-->
                          <div data-v-300ed5da="" class="el-row el-row--flex"
                            style="margin-top:15px;margin-left: -7.5px; margin-right: -7.5px; flex-wrap: wrap; padding-left: 15px;">
                          
														<div data-v-300ed5da="" class="el-col el-col-3"
                              style="padding-left: 7.5px; padding-right: 7.5px;"
                              id="front-wheel-camber-angle">
                              <div data-v-300ed5da="" class="mImgWrap">
                                <div data-v-300ed5da="" class="mImgInner">
                                  <div data-v-300ed5da="" class="el-image">
                                    <a href="./weight.html"><img src="./img/cicle.png" class="el-image__inner"></a>
                                  </div>
                                </div>
                              </div>
                              <div data-v-300ed5da="" class="mTitle t1">零件重量专项</div>
                            </div>
                          </div>

                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>

</html>